<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo2</title>

    <style>
        /* #div1 {
            color : red;
        }

        a {
            color : green;
        } */

        /* #div2 a {
            color : red;
        } */

        /* .classDiv {
            color : red;
        } */

        /* #div1 .classDiv {
            color : red;
        } */

        /* .classDiv a {
            color : red;
        } */

        /* * {
            color : red;
        } */
        
        /* span {
            color : red;
        } */

        /* ul .li1{
            color : red;
        } */

        /* ul .li2 a {
            color : red;
        } */

        /* ol a {
            color : red;
        } */


    </style>
</head>
<body>
    <div id = "div1" class = "classDiv">div</div>
    <div id = "div2" class = "classDiv"><a href = "#">div</a></div>
    <div id = "div3"><a href = "#">div</a></div>
    <div id = "div4">div</div>
    <div id = "div5">div</div>
    <span>span</span>
    <ul>
        <li class = "li1">li1</li>
        <li class = "li2"><a href = "#">li2</a></li>
        <li>li3</li>
        <li>li4</li>
        <li>li5</li>
    </ul>
    <ol>
        <li><a href = "#">li1</a></li>
        <li>li2</li>
        <li>li3</li>
        <li>li4</li>
        <li>li5</li>
    </ol>
</body>
</html>